const component = [
    {
        path: '/component',
        redirect: '/component/changelog',
        component: () => import('../pages/components'),
        children: [
            {
                path: 'changelog',
                name: 'changelog',
                component: () => import('../../docs/components/changelog.md'),
            },

            {
                path: 'install',
                name: 'install',
                component: () => import('../../docs/components/install.md'),
            },

            {
                path: 'quickstart',
                name: 'quickstart',
                component: () => import('../../docs/components/quickstart.md'),
            },

            {
                path: 'container',
                name: 'container',
                component: () => import('../../docs/components/container.md'),
            },

            {
                path: 'layout',
                name: 'layout',
                component: () => import('../../docs/components/layout.md'),
            },

            {
                path: 'icon',
                name: 'icon',
                component: () => import('../../docs/components/icon.md'),
            },

            {
                path: 'button',
                name: 'button',
                component: () => import('../../docs/components/button.md'),
            },

            {
                path: 'link',
                name: 'link',
                component: () => import('../../docs/components/link.md'),
            },

            {
                path: 'radio',
                name: 'radio',
                component: () => import('../../docs/components/radio.md'),
            },

            {
                path: 'checkbox',
                name: 'checkbox',
                component: () => import('../../docs/components/checkbox.md'),
            },

            {
                path: 'input',
                name: 'input',
                component: () => import('../../docs/components/input.md'),
            },

            {
                path: 'input-number',
                name: 'input-number',
                component: () => import('../../docs/components/input-number.md'),
            },

            {
                path: 'select',
                name: 'select',
                component: () => import('../../docs/components/select.md'),
            },

            {
                path: 'cascader',
                name: 'cascader',
                component: () => import('../../docs/components/cascader.md'),
            },

            {
                path: 'switch',
                name: 'switch',
                component: () => import('../../docs/components/switch.md'),
            },

            {
                path: 'slider',
                name: 'slider',
                component: () => import('../../docs/components/slider.md'),
            },

            {
                path: 'time-picker',
                name: 'time-picker',
                component: () => import('../../docs/components/time-picker.md'),
            },

            {
                path: 'date-picker',
                name: 'date-picker',
                component: () => import('../../docs/components/date-picker.md'),
            },

            {
                path: 'datetime-picker',
                name: 'datetime-picker',
                component: () => import('../../docs/components/datetime-picker.md'),
            },

            {
                path: 'upload',
                name: 'upload',
                component: () => import('../../docs/components/upload.md'),
            },

            {
                path: 'rate',
                name: 'rate',
                component: () => import('../../docs/components/rate.md'),
            },

            {
                path: 'color-picker',
                name: 'color-picker',
                component: () => import('../../docs/components/color-picker.md'),
            },

            {
                path: 'transfer',
                name: 'transfer',
                component: () => import('../../docs/components/transfer.md'),
            },

            {
                path: 'form',
                name: 'form',
                component: () => import('../../docs/components/form.md'),
            },

            {
                path: 'notification',
                name: 'notification',
                component: () => import('../../docs/components/notification.md'),
            },

            {
                path: 'test',
                name: 'test',
                component: () => import('../pages/components/test'),
            },
        ],
    },

];

export default component;
